<template>
  <div class="box">
    <div>
      <Top></Top>
    </div>
    <div class="handleButtonArea">
      <el-button type="primary" @click="studentAddFn">新增值班人员</el-button>
      <el-button type="primary" @click="handleStudentDeleteAll"
        >批量删除</el-button
      >
    </div>
    <div>
        <Table1></Table1>
    </div>
  </div>
</template>

<script setup lang="ts">
import Top from "@/components/Table/Top.vue";
import Table1 from "./Table1.vue";
</script>

<style scoped>

.box {
  width: 90vw;
  height: 100vh;
}
.handleButtonArea {
  /* margin-bottom: 20px; */
}
</style>